<!--
 * @Author: your name
 * @Date: 2021-04-27 11:04:34
 * @LastEditTime: 2022-02-13 16:14:41
 * @LastEditors: ke.xue
 * @Description: In User Settings Edit
 * @FilePath: \product-display\src\components\footer.vue
-->
<template>
  <div class="footer">
    <p class="keepOnRecord"><a href="http://www.beian.miit.gov.cn" target="_blank" onmouseover="this.title=''" title="">网站备案许可证：&nbsp;苏ICP备2021051544号</a></p>
    <p class="copyright"><a target="_blank" :href="indexUrl" onmouseover="this.title=''" title="">版权所有：&nbsp;苏州尤优家具有限公司</a></p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      indexUrl: ''
    }
  },
  mounted () {
    this.indexUrl = location.origin + '/#/show/index'
  }
}
</script>

<style lang="scss" scoped>
.footer {
  padding-top: 20px;
  min-width: 1200px;
  width: 100vw;
  height: 100px;
  background: #222222;
  text-align: center;
  line-height: 1.8em;
  p a {
    text-decoration: none;
    color: #fff;
  }
  .keepOnRecord {
    font-size: 18px;
    font-weight: 600;
  }
}
</style>
